<template>
  <el-tooltip effect="dark" :content="row.title" placement="bottom-start">
    <div class="course-title">{{ row.title }}</div>
  </el-tooltip>
</template>

<script>
export default {
  name: 'Title',
  props: {
    row: {
      type: Object,
      default: _ => {
        return {};
      }
    }
  }
}
</script>

<style scoped>

</style>
